<template>
	<view class="box">
		<view class="custom-nav-bar">
			<text class="back-button" @click="goback">
				<uni-icons type="left" size="50rpx" color="white"></uni-icons>
			</text>
			<text class="title">{{ title }}</text>
		</view>
	</view>
</template>

<script setup lanfg="ts">
	import {
		useRouter
	} from "vue-router";
	import {
		onMounted
	} from "vue";

	const props = defineProps({
		title: {
			type: String,
			default: "发现"
		}
	});

	const router = useRouter();
	const goback = () => {
		router.back();
	};
</script>

<style lang="scss" scoped>
	.box {
		width: 100%;
		height: 6vh;
		background-color: black;
		color: white;
		padding-top: 0.5rem;
	}

	.custom-nav-bar {
		display: flex;
		align-items: center;
		margin-bottom: 0.5rem;
		background-color: black;

	}

	.back-button {
		font-size: 30rpx;
		margin-right: 38%;
	}

	.title {
		font-size: 35rpx;
		font-weight: bold;
	}
</style>